* {
  margin: 3;
  padding: 0
}

body { font: 80% Helvetica, Arial, sans-serif }

a {
  text-decoration: none;
  font-weight: bold
}

a:hover { text-decoration: underline }

.thumbnail {
  float: left;
  padding: 0 5px;
}

.thumbnail img {
  width: 48px;
  height: 48px;
  -webkit-mask-box-image: url(vignette-mask-165.png);
  /*
  border: 5px solid #c4c8cc;
  -moz-border-radius-topleft: 15px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 15px;
  -moz-border-radius-bottomleft: 0px;
  -webkit-border-top-left-radius: 15px;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -webkit-border-bottom-right-radius: 15px;
  */
}

.text { margin-left: 68px }

.clear { clear: both }

#body {
  width: 300px;
  height: 500px;
  overflow: auto
}

#title {
  text-align: center;
  color: #A65400;
  /*
  background-color: #FFF1A8;
  font-weight: bold
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  */
}

#timeline { list-style-type: none }

#timeline li { padding: 10px 0 }

#template { display: none }


#wrap {
width:300px;
margin:0 auto;
padding-right: 50px;
}

/* 
 * Main Layout for Popup
 *
 */

#iconbar {
float:left;
width:80px;
height:96px;
}

#textbar {
float:right;
width:200px;
height:96px;
}

#bottomBar {
margin-top: 5px;
margin-bottom: 5px;
float:bottom;
}